import React from "react";
import { Tabs } from "react-vant";
import Tabcommunicabledisease from '../../../components/Tab-communicabledisease'
import Taborthopaedics from '../../../components/Tab-orthopaedics'
import TabPediatrics from '../../../components/Tab-Pediatrics'
import Tabsinternalmedicine from '../../../components/Tabs-internalmedicine'
import Tabsophthalmology from '../../../components/Tabs-ophthalmology'
import './index.css'
const Index: React.FC = () => {
  return (
    <div>
      <Tabs active={0}>
        <Tabs.TabPane title="内科"><Tabsinternalmedicine/></Tabs.TabPane>
        <Tabs.TabPane title="眼科"><Tabsophthalmology/></Tabs.TabPane>
        <Tabs.TabPane title="骨科"><Taborthopaedics/></Tabs.TabPane>
        <Tabs.TabPane title="小儿科"><TabPediatrics/></Tabs.TabPane>
        <Tabs.TabPane title="传染病"><Tabcommunicabledisease/></Tabs.TabPane>
      </Tabs>
    </div>
  );
};
export default Index;
